<template>
	<view class="recruitment">
		<view class="header">
			<view class="class_search">
				<u-search placeholder="请输入关键字" v-model="val" animation="false" @search="searchname"
					@clear="clearname">
				</u-search>
			</view>
			<view class="screen_tab">
				<view class="tab1">
					<view v-for="(item,index) in changelist" :key="index" :class="index==activeindex?'active':''" @click="tab1click(index)">{{item}}</view>
				</view>
				<view class="tab2">
					<view @click="typeshow=true">
						<view>{{alltype}}</view>
						<image src="../../../static/image/job/triangle.png"></image>
						<u-picker mode="selector" v-model="typeshow"  :default-selector="[0]" :range="jobList" range-key="label" @confirm="confirm_type"></u-picker>
					</view>
					<view @click="areashow=true">
						<view>{{address}}</view>
						<image src="../../../static/image/job/triangle.png"></image>
						<u-select v-model="areashow" mode="mutil-column-auto" :list="cityList"
							@confirm="confirm_area"></u-select>
					</view>
					<view @click="screenshow=true">
						筛选
						<image src="../../../static/image/job/screen.png"></image>
					</view>
					<u-popup v-model="screenshow" mode="bottom" border-radius="54" closeable="true" @close="close">
						<scroll-view scroll-y="true" style="height: 1150rpx;">
							<view class="all_screen">
								<view class="screen_title">全部筛选</view>
								<view class="screen_subtitle">发布时间</view>
								<view>
									<view class="all_labels">
										<text v-for="(item,index) in release_time" :key="index" class="labels" :class="index==all_labels_index?'active_labels':''" @click="labels_click(item,index)">
											{{item}}
										</text>
									</view>
									<view style="display: flex;align-items: center;margin-top: 21rpx;justify-content: space-between;">
										<u-input v-model="earliest_time" placeholder="开始时间" type="select" placeholder-style="color:#999999"
											@click="open" />
										<!-- <u-calendar v-model="earliest_time_show" :mode="mode" @change="change1"></u-calendar> -->
										<uni-calendar
										    :insert="false"
										    :lunar="true" 
												:date="latest_time==''?min_date:latest_time"
										    :end-date="latest_time==''?'3000-01-01':latest_time"
										    @change="changeLog"
												ref="calendar"
												@confirm="confirm"
												@clean="clean"
										 />
										-
										<u-input v-model="latest_time" placeholder="结束时间" type="select" placeholder-style="color:#999999"
											@click="open1" />
										<!-- <u-calendar v-model="latest_time_show" :mode="mode" @change="change2"></u-calendar> -->
										<uni-calendar
										    :insert="false"
										    :lunar="true" 
												:date="earliest_time==''?'':earliest_time"
										    :start-date="earliest_time==''?'':earliest_time"
										    @change="changeLog1"
												ref="calendar1"
												@confirm="confirm1"
												@clean="clean1"
										 />
									</view>
								</view>
								<view class="screen_subtitle">空闲时间</view>
								<view>
									<view style="display: flex;align-items: center;margin-top: 21rpx;justify-content: space-between;">
										<u-input v-model="earliest_time1" placeholder="开始时间" type="select" placeholder-style="color:#999999"
											@click="open2" />
										<!-- <u-calendar v-model="earliest_time_show1" :mode="mode" @change="change_date1"></u-calendar> -->
										<uni-calendar
										    :insert="false"
										    :lunar="true" 
												:date="latest_time1==''?min_date:latest_time1"
										    :start-date="'2019-01-01'"
										    :end-date="latest_time1==''?'3000-01-01':latest_time1"
										    @change="changeLog2"
												ref="calendar2"
												@confirm="confirm2"
												@clean="clean2"
										 />
										-
										<u-input v-model="latest_time1" placeholder="结束时间" type="select" placeholder-style="color:#999999"
											@click="open3" />
										<!-- <u-calendar v-model="latest_time_show1" :mode="mode" @change="change_date2"></u-calendar> -->
										<uni-calendar
										    :insert="false"
										    :lunar="true" 
												:date="earliest_time1==''?'':earliest_time1"
										    :start-date="earliest_time1==''?'':earliest_time1"
										    @change="changeLog3"
												ref="calendar3"
												@confirm="confirm3"
												@clean="clean3"
										 />
									</view>
								</view>
								<view class="screen_subtitle">工人人数</view>
								<view style="display: flex;align-items: center;margin-top: 21rpx;justify-content: space-between;">
									<u-input v-model="min_number" placeholder="最低人数" type="number" placeholder-style="color:#999999" />
									-
									<u-input v-model="max_number" placeholder="最高人数" type="number" placeholder-style="color:#999999" />
								</view>
							</view>
							<view class="operation">
								<view class="reset" @click="reset">重置</view>
								<view class="determine" @click="determine">确定</view>
							</view>
						</scroll-view>
					</u-popup>
				</view>
			</view>
		</view>
		<view class="list">
			<view class="item" v-for="(item,index) in datalist" :key="index" @click="gotodetail(item.id)">
				<view class="title">
					<text style="max-width: 500rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.work_name}}</text>
					<!-- <text class="type">{{item.type}}</text> -->
					<text class="type" v-if="item.recruitment_type=='企业'">{{item.recruitment_type}}</text>
					<text class="type personal" v-else-if="item.recruitment_type=='个人'">{{item.recruitment_type}}</text>
					<text class="type team" v-else>{{item.recruitment_type}}</text>
				</view>
				<view class="message">
					<view class="people">{{item.number}}人</view>
					<view class="people date">空闲：{{item.begin_date}}至{{item.end_date}}</view>
				</view>
				<view class="rec_type">
					<view class="undertake" v-if="item.state_name!=item.city_id">
						<text>{{item.create_date}}</text>
						<!-- <text>{{item.state_name}}{{item.city_id}}承接</text> -->
						<view>{{item.state_name}}<text v-if="item.city_id">{{item.city_id}}</text>承接</view>
					</view>
					<view class="undertake" v-else>
						<text>{{item.create_date}}</text>
						<text>{{item.state_name}}承接</text>
					</view>
					<!-- <view class="area">
						<text>{{item.area}}</text>
						<u-icon name="close" size="16rpx"></u-icon>
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import api from '@/static/js/api.js'
	var QQMapWX = require('../../../static/js/qqmap-wx-jssdk.js');
	var qqmapsdk;

	export default {
		data() {
			return {
				val:'',
				// changelist: ['最新','推荐'],
				changelist: ['最新'],
				activeindex:0,
				typeshow:false,
				alltype:'全部工种',
				alltypeid:'-1',
				areashow:false,
				area:'苏州',
				screenshow:false,
				release_time:['全部','近三天内','近七天内'],
				earliest_time:'',
				latest_time:'',
				earliest_time_show:false,
				latest_time_show:false,
				earliest_time1:'',
				earliest_time_show1:false,
				latest_time1:'',
				latest_time_show1:false,
				min_number:'',
				max_number:'',
				min_number_show1:false,
				max_number_show1:false,
				address:'苏州市',
				area_show:false,
				mode: 'date',
				labels_index:-1,
				labels_val:'全部',
				userInfo:{},
				cityList:[],
				jobList:[],
				min_date:'',
				all_labels_index: 0,
				longitude: '',
				latitude: '',
				city_ids:'',
				city_id:'',
				datalist:[],
				alldatas:{}//所有数据
			}
		},
		onLoad(){
			if(uni.getStorageSync('RecruitmentInformationid') == ''){
				qqmapsdk = new QQMapWX({
					key: 'AJOBZ-CJT63-S7J3J-3V3RJ-BA4BF-WYBOK' //这里自己的key秘钥进行填充
				});
			}
			this.jobList = []
			this.min_date = this.getNowFormatDate()
			if (uni.getStorageSync('userInfo')) {
				this.userInfo = JSON.parse(uni.getStorageSync('userInfo'));
			}
			this.cityListMethod()
			this.tageMethod()
			// this.getloc();
			if(uni.getStorageSync('RecruitmentInformationid') == ''){
				this.getloc();
			}else{
				this.city_id = 78
				this.address = '苏州市'
				this.getdata()
			}
		},
		// onShow(){
		// 	this.jobList = []
		// 	this.min_date = this.getNowFormatDate()
		// 	if (uni.getStorageSync('userInfo')) {
		// 		this.userInfo = JSON.parse(uni.getStorageSync('userInfo'));
		// 	}
		// 	this.cityListMethod()
		// 	this.tageMethod()
		// 	// this.getloc();
		// 	if(uni.getStorageSync('RecruitmentInformationid') == ''){
		// 		this.getloc();
		// 	}else{
		// 		this.city_id = 78
		// 		this.address = '苏州市'
		// 		this.getdata()
		// 	}
		// },
		methods: {
			getdata(){
				api.jobInformation('jhj.work.information.release','_api_work_list',this.userInfo.access_token,this.alltypeid,this.min_number,this.max_number
				,this.val,this.city_id,this.earliest_time,this.latest_time,this.labels_index,this.earliest_time1,this.latest_time1).then(res=>{
					this.datalist = res.data
					if (this.screenshow) {
						this.screenshow = !this.screenshow
					}
				})
			},
			searchname(val){
				this.alltype = '全部工种'
				this.alltypeid = '-1'
				this.val = val
				this.getdata()
			},
			clearname(){
				this.val = ''
				this.getdata()
			},
			tab1click(i){
				this.activeindex = i
			},
			gotodetail(id){
				uni.navigateTo({
					url: `/pages/home/Finding/components/findingDetail?isshow=2&&id=${id}`
				})
			},
			confirm_type(e){
				this.val = ''
				this.alltype = this.jobList[e[0]].label
				this.alltypeid = this.jobList[e[0]].value
				this.getdata()
			},
			confirm_area(e){
				if (e[0].label == e[1].label) {
					this.address = e[0].label
				} else {
					this.address = e[1].label
				}
				// this.province_id = e[0].value
				this.city_id = e[1].value
				// this.area_id = e[2].value
				this.city_ids = e[1].label
				this.getdata()
			},
			close(){
				// this.earliest_time_show=
				// this.latest_time_show=
				// this.earliest_time_show1=
				// this.latest_time_show1=false
				this.labels_index = -1
				this.all_labels_index = 0
				this.earliest_time = ''
				this.latest_time = ''
				this.earliest_time1 = ''
				this.latest_time1 = ''
				this.min_number = ''
				this.max_number = ''
				this.$refs.calendar.close();
				this.$refs.calendar1.close();
				this.$refs.calendar2.close();
				this.$refs.calendar3.close();
				if(Object.keys(this.alldatas).length > 0){
					if(this.alldatas.min_number!=''){
						this.min_number = this.alldatas.min_number
					}
					if(this.alldatas.max_number!=''){
						this.max_number = this.alldatas.max_number
					}
					if(this.alldatas.earliest_time!=''){
						this.earliest_time = this.alldatas.earliest_time
					}
					if(this.alldatas.latest_time!=''){
						this.latest_time = this.alldatas.latest_time
					}
					if(this.alldatas.earliest_time1!=''){
						this.earliest_time1 = this.alldatas.earliest_time1
					}
					if(this.alldatas.latest_time1!=''){
						this.latest_time1 = this.alldatas.latest_time1
					}
					if(this.alldatas.all_labels_index!=0){
						this.all_labels_index = this.alldatas.all_labels_index
					}
					if(this.alldatas.labels_index!=-1){
						this.labels_index = this.alldatas.labels_index
					}
				}else{
					this.getdata()
				}
				// this.min_number = this.alldatas.min_number
				// this.max_number = this.alldatas.max_number
				// this.earliest_time = this.alldatas.earliest_time
				// this.latest_time = this.alldatas.latest_time
				// this.earliest_time1 = this.alldatas.earliest_time1
				// this.latest_time1 = this.alldatas.latest_time1
				// this.all_labels_index = this.alldatas.all_labels_index
				// this.labels_index = this.alldatas.labels_index
			},
			labels_click(item,index){
				this.all_labels_index = index
				this.earliest_time = ''
				this.latest_time = ''
				this.labels_val = item
				if (index == 0) {
					this.labels_index = -1
				} else if (index == 1) {
					this.labels_index = 3
				} else {
					this.labels_index = 7
				}
			},
			reset(){
				this.labels_index = -1
				this.all_labels_index = 0
				this.earliest_time = ''
				this.latest_time = ''
				this.earliest_time1 = ''
				this.latest_time1 = ''
				this.min_number = ''
				this.max_number = ''
				this.alldatas = {}
			},
			determine(){
				this.alldatas = {
					all_labels_index:this.all_labels_index,
					labels_index:this.labels_index,
					earliest_time:this.earliest_time,
					latest_time:this.latest_time,
					earliest_time1:this.earliest_time1,
					latest_time1:this.latest_time1,
					min_number:this.min_number,
					max_number:this.max_number
				}
				
				if (this.labels_index == '') {
					if (this.earliest_time == '') {
						uni.showToast({
							icon: 'none',
							title: '请选择发布开始时间'
						})
						return
					}
					if (this.latest_time == '') {
						uni.showToast({
							icon: 'none',
							title: '请选择发布结束时间'
						})
						return
					}
				}
				if (this.earliest_time1 != '' || this.latest_time1 != '') {
					if (this.earliest_time1 == '') {
						uni.showToast({
							icon: 'none',
							title: '请选择空闲开始时间'
						})
						return
					}
					if (this.latest_time1 == '') {
						uni.showToast({
							icon: 'none',
							title: '请选择空闲结束时间'
						})
						return
					}
				}
				if (this.min_number != '' || this.max_number != '') {
					if (this.min_number == '') {
						uni.showToast({
							icon: 'none',
							title: '请输入最低人数'
						})
						return
					}
					if (this.max_number == '') {
						uni.showToast({
							icon: 'none',
							title: '请输入最高人数'
						})
						return
					}
					var max = Number(this.max_number)
					var min = Number(this.min_number)
					if(max<=min){
						uni.showToast({
							icon: 'none',
							title: '最高人数应大于最低人数'
						})
						return
					}
				}
				this.getdata()
			},
			confirm(e){
				this.labels_index = ''
				this.all_labels_index = -1
				this.earliest_time = e.fulldate
			},
			open(){
				this.$refs.calendar.open();
			},
			clean(){
				this.$refs.calendar.close();
			},
			confirm1(e){
				this.labels_index = ''
				this.all_labels_index = -1
				this.latest_time = e.fulldate
			},
			open1(){
				this.$refs.calendar1.open();
			},
			clean1(){
				this.$refs.calendar1.close();
			},
			confirm2(e){
				this.earliest_time1 = e.fulldate
			},
			open2(){
				this.$refs.calendar2.open();
			},
			clean2(){
				this.$refs.calendar2.close();
			},
			confirm3(e){
				this.latest_time1 = e.fulldate
			},
			open3(){
				this.$refs.calendar3.open();
			},
			clean3(){
				this.$refs.calendar3.close();
			},
			cityListMethod() {
				api.cityApi('res.country.state', '_api_get_information_in_bulk_area', this.userInfo.access_token).then(
					res => {
						this.cityList = res.data
						this.cityList.unshift({label:'全国',value:-1,children:[{label:'全部',value:-1}]})
					}).catch(e => {
					uni.showToast({
						icon: 'none',
						title: e.message
					})
				})
			},
			tageMethod() {
				api.cityApi('res.country.state', '_api_get_information_in_bulk_area_reverse', this.userInfo.access_token)
					.then(
						res => {
							let objData = res.data.tag
							for (let key in objData) {
								let obj = {}
								obj.value = objData[key]
								obj.label = key
								this.jobList.push(obj)
							}
							this.jobList.unshift({value:-1,label:'全部工种'})
						}).catch(e => {
						uni.showToast({
							icon: 'none',
							title: e.message
						})
					})
			},
			getNowFormatDate() {
				var date = new Date();
				var seperator1 = "-";
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var strDate = date.getDate();
				if (month >= 1 && month <= 9) {
					month = "0" + month;
				}
				if (strDate >= 0 && strDate <= 9) {
					strDate = "0" + strDate;
				}
				var currentdate = year + seperator1 + month + seperator1 + strDate;
				return currentdate;
			},
			// 腾讯地图获取当前城市
			getloc() {
				var that = this;
				wx.getSetting({
					success: (res) => {
						console.log(JSON.stringify(res))
						// uni.showLoading({
						// 	title: '正在加载'
						// })
						// res.authSetting['scope.userLocation'] == undefined    表示 初始化进入该页面
						// res.authSetting['scope.userLocation'] == false    表示 非初始化进入该页面,且未授权
						// res.authSetting['scope.userLocation'] == true    表示 地理位置授权
						if (res.authSetting['scope.userLocation'] != undefined && res.authSetting[
								'scope.userLocation'] != true) {
							wx.showModal({
								title: '请求授权当前位置',
								content: '需要获取您的地理位置，请确认授权',
								success: function(res) {
									if (res.cancel) {
										wx.showToast({
											title: '拒绝授权',
											icon: 'none',
											duration: 1000
										})
										// uni.hideLoading();
										that.city_id = 78
										that.address = '苏州市'
										that.getdata(that.alltypeid, '', 78, '', '', '', '', '', '')
									} else if (res.confirm) {
										wx.openSetting({
											success: function(dataAu) {
												if (dataAu.authSetting[
														"scope.userLocation"] ==
													true) {
													wx.showToast({
														title: '授权成功',
														icon: 'success',
														duration: 1000
													})
													//再次授权，调用wx.getLocation的API
													that.getLocationdata()
												} else {
													wx.showToast({
														title: '授权失败',
														icon: 'none',
														duration: 1000
													})
												}
											}
										})
									}
								}
							})
						} else if (res.authSetting['scope.userLocation'] == undefined) {
							//调用wx.getLocation的API
							that.getLocationdata()
						} else {
							//调用wx.getLocation的API
							that.getLocationdata()
						}
					},
					fail:(res) => {
						// uni.hideLoading();
						that.city_id = 78
						that.address = '苏州市'
						that.getdata(that.alltypeid, '', 78, '', '', '', '', '', '')
					}
				})
			},
			getLocationdata() {
				let vm = this;
				uni.getLocation({
					type: 'wgs84 ',
					success: function(res) {
						// console.log(res);
						vm.longitude = res.longitude
						vm.latitude = res.latitude
						vm.getLocal(vm.latitude, vm.longitude)
					}
				});
			},
			// 获取当前地理位置
			getLocal(latitude, longitude) {
				let vm = this;
				qqmapsdk.reverseGeocoder({
					location: {
						latitude: latitude,
						longitude: longitude
					},
					success: function(res) {
						console.log(JSON.stringify(res));
						vm.address = res.result.ad_info.city
						vm.cityList.forEach((item,index)=>{
							if(item.label == res.result.ad_info.province){
								item.children.forEach((citem,i)=>{
									if(vm.address == citem.label){
										vm.city_id = citem.value
										vm.getdata()
										// uni.setStorageSync('FindingInformationid', vm.city_id)
										uni.setStorageSync('RecruitmentInformationid', vm.city_id)
										// uni.hideLoading();
									}
								})
							}
						})
					},
					fail: function(res) {
						// console.log(res);
					},
					complete: function(res) {
						// console.log(res);
					}
				});
			
			}
		}
	}
</script>

<style lang="less" scoped>
	.recruitment{
		height: 100%;
		background-color: #F4F6F8;
		overflow: hidden;
		
		.header {
			width: 100%;
			height: 160rpx;
			background-color: #FFFFFF;
			padding: 24rpx 30rpx 0;
			// position: fixed;
			display: flex;
			flex-direction: column;
		
			.class_search {
				background-color: #F4F6F8;
				width: 100%;
				height: 60rpx;
				border-radius:38rpx;
				display: flex;
				text-align: left;
				align-items: center;
				
				&>input {
					flex: 1;
					font-size: 28rpx;
					font-weight: 400;
					color: #666666;
					line-height: 40rpx;
				}
			}
			.screen_tab{
				flex: 1;
				display: flex;
				align-items: center;
				.tab1{
					display: flex;
					>view{
						font-size: 30rpx;
						color: #666666;
					}
					>view:last-child{
						margin-left: 30rpx;
					}
					.active{
						font-weight: bold;
						color: #333333;
						position: relative;
						&::after{
							content: '';
							position: absolute;
							width: 48rpx;
							height: 4rpx;
							background: #DB3C4D;
							border-radius: 2rpx;
							bottom: -16rpx;
							left: 50%;
							transform: translateX(-50%);
						}
					}
				}
				.tab2{
					flex: 1;
					display: flex;
					justify-content: flex-end;
					>view {
						display: flex;
						align-items: center;
						justify-content: center;
						height: 44rpx;
						background: #F4F6F8;
						border-radius: 4rpx;
						font-size: 28rpx;
						color: #666666;
						margin-right: 12rpx;
						position: relative;
					}
					
					>view:nth-child(1) {
						// width: 168rpx;
						padding: 2rpx 40rpx 2rpx 16rpx;
					
						>view {
							width: 112rpx;
							text-align: center;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					
						>image {
							width: 10rpx;
							height: 10rpx;
							position: absolute;
							right: 10rpx;
							bottom: 4rpx;
						}
					}
					
					>view:nth-child(2) {
						// width: 116rpx;
						padding: 2rpx 40rpx 2rpx 20rpx;
					
						>view {
							max-width: 112rpx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					
						>image {
							width: 10rpx;
							height: 10rpx;
							position: absolute;
							right: 10rpx;
							bottom: 4rpx;
						}
					}
					
					>view:nth-child(3) {
						width: 118rpx;
					
						>image {
							width: 24rpx;
							height: 24rpx;
							margin-left: 8rpx;
						}
					}
					.all_screen{
						padding: 31rpx 40rpx 0;
						.screen_title{
							text-align: center;
							font-size: 32rpx;
							font-weight: bold;
							color: #333333;
						}
						.screen_subtitle{
							font-size: 34rpx;
							font-weight: bold;
							color: #333333;
							margin-top: 52rpx;
						}
						.all_labels{
							display: flex;
							flex-wrap: wrap;
							justify-content: space-between;
							.labels{
								width: 206rpx;
								height: 74rpx;
								text-align: center;
								line-height: 74rpx;
								background: #F4F6F8;
								border-radius: 4rpx;
								margin-top: 24rpx;
							}
							.active_labels{
								border: 2rpx solid #E92231;
							}
						}
						.address{
							margin-top: 21rpx;
							margin-bottom: 288rpx;
							/deep/.u-input{
								width: 100%!important;
							}
							/deep/input{
								flex: 1;
								width: 100%!important;
							}
						}
					}
					.operation{
						font-size: 34rpx;
						background: #fff;
						width: 100%;
						height: 154rpx;
						padding: 20rpx 40rpx 0;
						border-top: 2rpx solid #E8E9EE;
						position: fixed;
						bottom: 0;
						display: flex;
						justify-content: space-between;
						.reset{
							width: 210rpx;
							height: 94rpx;
							background: #F4F6F8;
							border-radius: 4rpx;
							text-align: center;
							line-height: 94rpx;
							color: #333333;
						}
						.determine{
							width: 440rpx;
							height: 94rpx;
							background: linear-gradient(146deg, #FE4D60 5%, #FF7C89 100%);
							border-radius: 4rpx;
							text-align: center;
							line-height: 94rpx;
							color: #FFFFFF;
						}
					}
				}
			}
		}
		
		.list{
			// overflow-y: auto;
			// margin-top: 160rpx;
			.item{
				display: flex;
				flex-direction: column;
				height: 248rpx;
				background: #fff;
				padding: 38rpx 40rpx 30rpx;
				margin-top: 10rpx;
				.title{
					display: flex;
					align-items: center;
					text:first-child{
						font-size: 36rpx;
						font-weight: bold;
						color: #333333;
					}
					text:last-child{
						width: 80rpx;
						height: 32rpx;
						font-size: 26rpx;
						border-radius: 24rpx;
						text-align: center;
						line-height: 30rpx;
					}
					.type{
						font-size: 26rpx;
						color: #FFFFFF;
						margin-left: 10rpx;
						background: #5784F1;
					}
					.personal{
						background: #49CFBA;
					}
					.team{
						background: #0BC3E4;
					}
				}
				.message{
					display: flex;
					align-items: center;
					margin-top: 20rpx;
					.people{
						font-size: 26rpx;
						color: #666666;
						padding: 6rpx 14rpx;
						background: #F4F6F8;
					}
					.date{
						margin-left: 12rpx;
					}
				}
				.rec_type{
					flex: 1;
					display: flex;
					justify-content: space-between;
					margin-top: 12rpx;
					.undertake{
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
					}
					.area{
						display: flex;
						align-items: center;
						color: #999999;
						font-size: 24rpx;
						text{
							margin-right: 20rpx;
						}
					}
				}
			}
		}
	}
	
	u-search{
		width: 100%;
	}
	
	/deep/.u-action {
		display: none;
	}
	/deep/.u-input__right-icon{
		display: none;
	}
	/deep/.u-input{
		width: 314rpx!important;
	}
	/deep/input{
		width: 314rpx!important;
		background: #F4F6F8;
		border-radius: 38rpx;
		flex: none;
		text-align: center;
	}
	/deep/.u-select__body__picker-view picker-view-column:nth-child(3) {
		display: none!important;
	}
	/deep/.uni-calendar__backtoday{
		display: none!important;
	}
</style>
